html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    --header-height: 50px;
    --footer-height: 40px;

    --color-info: #2080f0;
    --color-success:#18a058;
    --color-warning:#f0a020;
    --color-error:#d03050;
}

#app, #root, .n-config-provider {
    height: 100%;
    width: 100%;
}

.h-full {
    height:100%;
}
.w-full{
    width:100%;
}
.text-center {
    text-align: center;
}
.m-2 {
    margin: 1rem;
}
.p-2 {
    padding: 1rem;
}
.p10 {
    padding: 10px;
}
.clickable {
    cursor: pointer;
}
.primary {
    color: var(--primary-color, var(--n-icon-color, var(--n-color-target, var(--n-loading-color, #18a058))));
}
